<template>
  <div class="main-layout-content">
    <viewer :images="imgData" class="certificate-photos">
      <img v-for="src in imgData" :src="src" :key="src" />
    </viewer>
    <router-link :to="{name:'test'}">
      <button>登陆</button>
    </router-link>
  </div>
</template>
<script>
export default {
  data() {
    return {
        imgData:["../../assets/img/1.jpg","../../assets/img/2.jpeg","../../assets/img/3.jpg","../../assets/img/4.gif","https://img1.baidu.com/it/u=2753860582,1141882953&fm=26&fmt=auto&gp=0.jpg"], 
    };
  },

  mounted() {},
  methods: {}
};
</script>
<style>
.para-model-row {
  display: flex;
  flex-direction: row;
}

.para-model-row p {
  width: 130px;
  line-height: 28px;
}

/* .app-modal{
        right: 10px;
    } */
</style>
